.customer-page {
    .section1 {
        position: relative;
        width: 100%;
        height: 2.14rem;
        background: url('../img/bg@2x 2.png') no-repeat center;
        background-size: contain;
        color: #fff;
        img {
            width: .64rem;
            height: .64rem;
            display: block;
            margin: 0 auto;
            padding-top: .42rem;
            margin-bottom: .08rem;
        }
        .t1 {
            font-size: .14rem;
            color: rgba(255, 255, 255, 1);
            span {
                margin-left: 1.52rem;
            }
            em {
                display: inline-block;
                width: .13rem;
                height: .12rem;
                background: url(../img/会员@2x.png) no-repeat center;
                background-size: contain;
            }
        }
        .t2 {
            font-size: .12rem;
            color: rgba(255, 255, 255, 1);
            text-align: center;
        }
        .box {
            box-shadow: #eee 1px 1px 1px 1px;
            position: absolute;
            top: 1.75rem;
            left: .36rem;
            border-radius: 6px;
            box-sizing: border-box;
            text-align: center;
            padding: .12rem 0;
            background: #fff;
            width: 3.03rem;
            height: .64rem;
            font-size: .12rem;
            color: rgba(18, 18, 18, 0.4);
            justify-content: space-around;
            .left {
                flex: 1;
                color: rgba(255, 138, 0, 1);
                border-right: 1px solid #eee;
                span {
                    width: .18rem;
                    height: .2rem;
                    display: block;
                    margin: 0 auto;
                    background: url(../img/账户@2x.png) no-repeat center;
                    background-size: contain;
                }
            }
            .right {
                flex: 1;
                span {
                    width: .18rem;
                    height: .2rem;
                    margin: 0 auto;
                    display: block;
                    background: url(../img/消息@2x.png) no-repeat center;
                    background-size: contain;
                }
            }
        }
    }
    .section2 {
        margin-top: .08rem;
        margin-bottom: .08rem;
        .top {
            background: #fff;
            height: .36rem;
            justify-content: space-between;
            padding: 0 .12rem;
            align-items: center;
            span {
                &:nth-child(1) {
                    font-size: .14rem;
                    color: rgba(18, 18, 18, 1);
                }
                &:nth-child(2) {
                    background: url(../img/下一步@2x.png) no-repeat right;
                    background-size: 0.09rem 0.16rem;
                    font-size: .12rem;
                    color: rgba(18, 18, 18, 0.25);
                    padding-right: 14px;
                }
            }
        }
        .bottom {
            background: #fff;
            align-items: center;
            height: .75rem;
            justify-content: space-around;
            margin-top: 1px;
            li {
                font-size: .12rem;
                text-align: center;
                color: rgba(95, 49, 4, 1);
                img {
                    display: block;
                    margin: 0 auto;
                    width: .31rem;
                    height: .31rem;
                }
            }
        }
    }
    .section3 {
        li {
            height: .52rem;
            background: #fff;
            justify-content: space-around;
            align-items: center;
            img {
                width: .36rem;
                height: .36rem;
                display: inline-block;
            }
            span {
                font-size: .14rem;
                position: relative;
                top: -0.14rem;
                width: .9rem;
                display: inline-block;
                &.span1 {
                    color: rgba(245, 166, 35, 1);
                }
                &.span2 {
                    color: rgba(74, 144, 226, 1);
                }
                &.span3 {
                    color: rgba(208, 2, 27, 1);
                }
                &.span4 {
                    color: rgba(155, 155, 155, 1);
                }
                &.span5 {
                    color: rgba(168, 10, 168, 1);
                }
                &.span6 {
                    color: rgba(20, 213, 255, 1);
                }
            }
        }
    }
}

.Sellers-center {
    .section1 {
        position: relative;
        width: 100%;
        height: 2.14rem;
        background: url('../img/bg@2x 2.png') no-repeat center;
        background-size: contain;
        color: #fff;
        img {
            width: .64rem;
            height: .64rem;
            display: block;
            margin: 0 auto;
            padding-top: .42rem;
            margin-bottom: .08rem;
        }
        .t1 {
            font-size: .14rem;
            color: rgba(255, 255, 255, 1);
            span {
                margin-left: 1.52rem;
            }
            em {
                display: inline-block;
                width: .13rem;
                height: .12rem;
                background: url('../img/VIP@2x 2.png') no-repeat center;
                background-size: contain;
            }
        }
        .t2 {
            font-size: .12rem;
            color: rgba(255, 255, 255, 1);
            text-align: center;
        }
        .box {
            box-shadow: #eee 1px 1px 1px 1px;
            position: absolute;
            top: 1.75rem;
            left: .36rem;
            border-radius: 6px;
            box-sizing: border-box;
            text-align: center;
            padding: .12rem 0;
            background: #fff;
            width: 3.03rem;
            height: .64rem;
            font-size: .12rem;
            color: rgba(18, 18, 18, 0.4);
            justify-content: space-around;
            .left {
                flex: 1;
                color: rgba(255, 138, 0, 1);
                border-right: 1px solid #eee;
                span {
                    width: .18rem;
                    height: .2rem;
                    display: block;
                    margin: 0 auto;
                    background: url(../img/账户@2x.png) no-repeat center;
                    background-size: contain;
                }
            }
            .right {
                flex: 1;
                span {
                    width: .18rem;
                    height: .2rem;
                    margin: 0 auto;
                    display: block;
                    background: url(../img/消息@2x.png) no-repeat center;
                    background-size: contain;
                }
            }
        }
    }
    .section2 {
        margin-top: .08rem;
        margin-bottom: .08rem;
        .top {
            background: #fff;
            height: .36rem;
            justify-content: space-between;
            padding: 0 .12rem;
            align-items: center;
            span {
                &:nth-child(1) {
                    font-size: .14rem;
                    color: rgba(18, 18, 18, 1);
                }
                &:nth-child(2) {
                    background: url(../img/下一步@2x.png) no-repeat right;
                    background-size: 0.09rem 0.16rem;
                    font-size: .12rem;
                    color: rgba(18, 18, 18, 0.25);
                    padding-right: 14px;
                }
            }
        }
        .bottom {
            background: #fff;
            align-items: center;
            height: .75rem;
            justify-content: space-around;
            margin-top: 1px;
            li {
                font-size: .12rem;
                text-align: center;
                color: rgba(95, 49, 4, 1);
                img {
                    display: block;
                    margin: 0 auto;
                    width: .31rem;
                    height: .31rem;
                }
            }
        }
    }
    .section3 {
        li {
            padding: 0 .12rem;
            height: .52rem;
            background: #fff;
            justify-content: space-between;
            align-items: center;
            img {
                width: .12rem;
                height: .12rem;
                display: inline-block;
            }
            span {
                // line-height: .36rem;
            }
            em {
                font-size: .12rem;
                color: rgba(18, 18, 18, 0.25);
                background: url(../img/下一步@2x.png) no-repeat right;
                background-size: .09rem .16rem;
                padding-right: .12rem;
                width: .09rem;
                height: .16rem;
                float: right;
            }
        }
    }
}

.Publish_goods {
    textarea {
        box-sizing: border-box;
        resize: none;
        width: 100%;
        padding: .12rem;
    }
    .tip {
        line-height: 40px;
        background: #fff;
        img {
            width: 23px;
            height: 18px;
        }
        padding: 0 12px;
        justify-content: space-between;
        align-items: center;
    }
    .p2 {
        text-align: right;
        font-size: .12rem;
        margin-top: .1rem;
        span {
            color: rgba(95, 49, 4, 1);
        }
    }
    .button {
        justify-content: space-around;
        margin-top: 96px;
        span {
            display: inline-block;
            width: 116px;
            line-height: 40px;
            height: 40px;
            text-align: center;
        }
        .left {
            color: rgba(18, 18, 18, 0.25);
            border: 1px solid rgba(18, 18, 18, 0.25);
            border-radius: 15px;
        }
        .right {
            border: 1px solid rgba(95, 49, 4, 1);
            border-radius: 15px;
            color: rgba(95, 49, 4, 1);
        }
    }
}